<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <pre>
        修改元数据：变异方法
        
        pop     尾部删除
        push    尾部加入
        shift   头部删除
        unshift 头部加入
        splice  数组截取，添加，替换
        sort    数组排序
        reverse 数组翻转

        不修改元数据：替换数组
        filter  数组过滤
        concat  数组拼接 arr.concat(arr2,[arr3].)
        slice   数组截取 

    在vue中修改原数组数据驱动试图更新，不修改原数据需要赋值给原数组
    </pre>
    <script>
      var arr = [1, 34, 6, 78, 'kgnb', 0]
      console.log(arr)

      //修改数组回返回删除项，如果是添加会返回数组长度
      console.log(arr.pop()) //0
      console.log(arr.push('last'), arr)
      console.log(arr.shift(), arr)
      console.log(arr.unshift('unshift'), arr)
      console.log(
        arr.sort(function (a, b) {
          return a - b
        }),
      )

      console.log(
        arr.filter((item) => {
          return item !== 6 //不等于6的全部返回
        }),
      )
      var arr2 = [1, 3, 5, 67, 8]

      var newArr = arr.concat(arr2)
      console.log(newArr)

      var slice = arr.slice(0, 2)
      console.log(slice)

      //   splite的使用  把字符串变成数组

      //splice的使用

      var splice = arr2.splice(0, 0, 333)
      console.log(arr2)
    </script>
  </body>
</html>
